@import "_mixins.scss";

.flex-row {
  @include flex(row);
}
.flex-column {
  @include flex(column);
}
.autoGrow{
  @include flex-grow(1);
  // overflow: auto;
}
.scrollAuto {
  overflow: auto;
}
.fontGrey {
  color: #999;
}
.font12 {
 font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.pointer {
  cursor: pointer;
}
.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clickedSpan {
  color: #01AAED;
  font-size: 12px;
  cursor: pointer;
}
.pageContainer {
  height: 100%;
  overflow: auto;
}
.listItemName {
  font-size: 14px;
  padding-right: 20px;
  background-size: 15px 15px;
  background-position: center right;
  background-repeat: no-repeat;
  width: fit-content;
  margin-bottom: 6px;
  &.male {
    background-image: image-url('male.png');
  }
}
